@CHARSET "UTF-8";

.wrapper .sign-in-htm,
.wrapper .sign-out-htm,
.wrapper .sign-up-htm {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear;
}

.wrapper {
    min-height: 345px;
    position: relative;
    /*-webkit-perspective:1000px;
            perspective:1000px;*/
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.sign-in:checked + .sign-up + .sign-out + .wrapper .sign-in-htm {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.sign-out:checked + .wrapper .sign-out-htm {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.sign-up:checked + .sign-out + .wrapper .sign-up-htm {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}